@charset "utf-8";
.coolleges-box{
	margin-top: 48px;
}
.coolleges-box .title-box{display: flex;flex-direction: row;justify-content: space-between;align-items: center;/* padding-right: 4%; */border-bottom: 1px solid rgba(230,230,230,1);/* width: 48%; */padding-left: 0px;padding-right: 0px;}
.coolleges-box .title-img{
	width: 173px;
	height: 48px;
}
.coolleges-box .coolleges-img-box{
	margin-left: -2%;
	width: 102%;
}
.coolleges-box .coolleges-img-box .coolleges-l-box{

}
.coolleges-box .coolleges-img-box .coolleges-img{
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
	/* margin-left: 4%; */
	margin-top: 20px;
	/* padding-left: 8%; */
}
.coolleges-box .coolleges-img-box .coolleges-w-box{
	margin-left: 2%;
	width: 23%;
}
.coolleges-box .coolleges-img-box .coolleges-name{
	font-size: 24px;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(51,51,51,1);
	text-align: center;
	/* padding-left: 8%; */
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.coolleges-box .more{
	font-size:14px;
	font-family:SourceHanSansSC-Regular,SourceHanSansSC;
	font-weight:400;
	color:rgba(153,153,153,1);
}
.coolleges-box .topic-box{
	border: none !important;
	margin-top: 16px;
}
.coolleges-box .around{
	width: 4px;
	height: 4px;
	background:#CCCCCC;
}
.coolleges-box .topic-title{
	font-size:14px;
	font-family:SourceHanSansSC-Normal,SourceHanSansSC;
	font-weight:400;
	color:rgba(51,51,51,1);
	margin-left: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


#topicContent .topic-box .topic-title:hover{
	color:rgba(216,65,45,1);
	border-bottom: 1px solid rgba(216,65,45,1);
	cursor: pointer;
}
#topicContent .topic-box .topic-title:hover + .around{
	background:rgba(216,65,45,1);
}

#topicContent .topic-box .flex-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 83%;
}
#researchFindings .topic-box .topic-title:hover{
	color:rgba(216,65,45,1);
	border-bottom: 1px solid rgba(216,65,45,1);
	cursor: pointer;
}
#researchFindings .topic-box .flex-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 92%;
}
#researchFindings .topic-box .topic-title:hover + .around{
	background:rgba(216,65,45,1);
}
.coolleges-img:hover {
	box-shadow:0px 2px 20px 0px #333333;
	border-radius: 10px;
    transition: all 0.5s;  
}

.new-title-box .new-title{
	font-size:16px;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:24px;
	margin: 16px 0 0 16px;
	font-weight: bold;
}
.new-title-box .new-content-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 8px 16px 16px 16px;
}
.new-title-box .new-content-box .new-img{
	width: 132px;
}
.new-title-box .new-content-box .new-word{
	font-size:14px;
	font-family:SourceHanSansSC-Regular,SourceHanSansSC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:24px;
	margin-left: 8px;
}


@media screen and (min-width:768px) {
    .coolleges-box-reset{
		display: flex;flex-direction: row;justify-content: space-between
	}
	.coolleges-box .topic-w-box{
		width: 46.7%;
	}
}

@media screen and (max-width:768px) {
	.coolleges-box .topic-w-box{
		margin-top: 20px;
	}
	.coolleges-box .coolleges-img-box .coolleges-w-box{
		width: 48%;
	}
	.coolleges-box .coolleges-img-box .coolleges-name{
		font-size: 18px;
	}
	.coolleges-box .topic-title{
		font-size: 10px;
	}
	.coolleges-box .more{
		font-size: 10px;
	}
	.new-title-box .new-content-box .new-word{
		font-size: 10px;
	}
	.img-responsive{
		margin: 0 !important;
	}
}